<template>
  <div class="flex-center-y">
    <div class="registerBtn primaryBtn-phone">
      <div class="flex-center-start">
        <img src="@/assets/images/head/phone.png" width="29" height="29" class="phone"/>
        <span>400-112-8870</span>
      </div>
    </div>
    <div class="registerBtn mainBtn mouse-cursor" @click="toRegister">免费试用</div>
    <a class="registerBtn primaryBtn mouse-cursor" href="https://neitui.jijitec.com/merchant/" target="_blank">注册/登录</a>
  </div>
</template>
<script>
export default {
  name: 'register',
  data () {
    return {}
  },
  computed: {
  
  },
  mounted () {
  },
  methods: {
    toRegister () {
      this.$emit('toRegisterCall')
    }
  }
}
</script>
<style lang="less" scoped>
@import '~@/style/register';
.primaryBtn-phone{
  width:172px;
  border: 1px solid #dfe2eb;
  color: @mainColor;
  background: #fff;
  padding-left:6px;
}
.mainBtn:hover{
  .primaryBtn()
}
.primaryBtn:hover{
  .mainBtn()
}
.phone{
  margin-right:7px;
}

</style>